<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		/*四个选择器固定这个顺序*/
			/*1.未访问*/
			a:link{
				color: #0000FF;
				text-decoration: none;
			}
			/*2.已访问*/
			a:visited{
				color: cornflowerblue;
			}
			/*3.悬停*/
			a:hover{
				color: aquamarine;
			}
			/*4.选定*/
			a:active{
				color: red;
			}
			
			div{
				border: 1px double green;
				width: 200px;
				height: 100px;
				background-color:lightcyan ;
			}
			div:hover{
				background-color: lawngreen;
			}
		</style>
	</head>
	<body>
		<a href="http://www.baidu.com">百度</a>
		<div></div>
	</body>
</html>
